<template>
  <div>
    <p>{{ num1 }}</p>
    <p>{{ num2 }}</p>
    <p>{{ tol }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num1: 10,
      num2: 20,
    };
  },

  computed: {
    tol() {
      return this.num1 + this.num2;
    },
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>